﻿<!DOCTYPE html>
<html>
<head>
<title>收费凭据打印</title>
<meta charset="utf-8">
<meta name="keywords" content="短照中心-湘潭市康复养老中心;">
<meta name="description" content="短照中心-湘潭市康复养老中心;">
<link rel="stylesheet" rev="stylesheet" href="css/framepage_print.css" type="text/css" media="screen,print" />
<link rel="stylesheet" rev="stylesheet" href="css/print_table.css" type="text/css" media="screen" />
<link rel="stylesheet" type="text/css" href="js/waitBox/wait.css">
<script src="js/vue.js"></script>
<script src="js/jquery-3.2.1.min.js"></script>
<script src="js/jquery.cookie.js"></script>
<script src="js/JSON-js-master/json2.js"></script>
<script src="js/waitBox/wait.js"></script>
<script src="js/purl.js"></script>
<style type="text/css">
@media print {
.no_print {
	display: none;
}
@page {
margin:0;
}
.form_div ul {
	margin-top: 0;
}

.list_sj_div{position:absolute;top:0;left:0;width:192mm;height:auto;margin:0;font-size:12pt;color:000000;}

table.sj_space1 {
    width:192mm;
    margin-top:0;
    font-family: verdana,arial,sans-serif;
    font-size:14px;
    color:#000000;
    border:0;
 }
table.sj_space1 th {

    border:0;
 }
table.sj_space1 td {

    border:0;height:18mm;
}


table.sj_space2 {
    width:192mm;
    margin-top:0;
    font-family: verdana,arial,sans-serif;
    font-size:14px;
    color:#000000;
    border:0;
 }
table.sj_space2 th {

    border:0;
 }
table.sj_space2 td {

    border:0;height:5mm;
}
table.sj {
    width:192mm;
    margin-top:0;
    font-family: verdana,arial,sans-serif;
    font-size:10pt;
    color:#000000;
    border:0;
 }
table.sj th {

    border:0;
 }
table.sj td {

    border:0;
}

table.sj2 {
    width:192mm;
    margin-top:0;
    font-family: verdana,arial,sans-serif;
    font-size:10pt;
    color:#000000;
    border:0;
 }
table.sj2 th {

    border:0;
 }
table.sj2 td {

    border:0;
}

table.sj3 {
    width:192mm;
    margin-top:0;
    font-family: verdana,arial,sans-serif;
    font-size:10pt;
    color:#000000;
    border:0;
 }
table.sj3 th {

    border:0;
 }
table.sj3 td {

    border:0;
}
.sjtd0{height:5mm;line-height:5mm;width:30mm;text-align:left;}
.sjtd1{height:5mm;line-height:5mm;width:50mm;text-align:left;}
.sjtd2{height:5mm;line-height:5mm;width:50mm;text-align:left;}
.sjtd3{height:5mm;line-height:5mm;width:62mm;text-align:left;}

.sjtd1_r{height:7mm;line-height:7mm;width:120mm;text-align:right;}
.sjtd2_r{height:7mm;line-height:7mm;text-align:center;width:72mm}


.sjtd_long1{height:7mm;line-height:7mm;width:40mm;text-align:left;}
.sjtd_long2{height:7mm;line-height:7mm;width:80mm;text-align:left;}
.sjtd_long3{height:7mm;line-height:7mm;width:72mm;text-align:left;}

.sjbig_td0{height:25mm;width:30mm;text-align:left;}
.sjbig_td{height:25mm;width:160mm;text-align:left;}
.sjbig_sp{display:block;width:45mm;height:7mm;line-height:7mm;font-size:10pt;float:left;}


}

@media screen {

.list_sj_div{width:580px;height:auto;margin-top:45px;margin-left:auto;margin-right:auto;font-size:14px;color:000000;}

table.sj_space1 {
    width:580px;
    font-family: verdana,arial,sans-serif;
    font-size:14px;
    color:#000000;
    border:0;
 }
table.sj_space1 th {

    border:0;
 }
table.sj_space1 td {

    border:0;height:68px;
}

table.sj_space2 {
    width:580px;
    font-family: verdana,arial,sans-serif;
    font-size:14px;
    color:#000000;
    border:0;
 }
table.sj_space2 th {

    border:0;
 }
table.sj_space1 td {

    border:0;height:25px;
}

table.sj {
    width:580px;
    font-family: verdana,arial,sans-serif;
    font-size:14px;
    color:#000000;
    border:0;
 }
table.sj th {

    border:0;
 }
table.sj td {

    border:0;
}

table.sj2 {
    width:580px;
    margin-top:0;
    font-family: verdana,arial,sans-serif;
    font-size:14px;
    color:#000000;
    border:0;
 }
table.sj2 th {

    border:0;
 }
table.sj2 td {

    border:0;
}
.sjtd0{height:24px;line-height:24px;width:72px;text-align:left;}
.sjtd1{height:24px;line-height:24px;width:190px;text-align:left;}
.sjtd2{height:24px;line-height:24px;width:190px;text-align:left;}
.sjtd3{height:24px;line-height:24px;width:128px;text-align:left;}

.sjtd1_r{height:24px;line-height:24px;width:456px;text-align:right;}
.sjtd2_r{height:24px;line-height:24px;width:124px;text-align:center;}

table.sj3 {
    width:580px;
    margin-top:0;
    font-family: verdana,arial,sans-serif;
    font-size:12px;
    color:#000000;
    border:0;
 }
table.sj3 th {

    border:0;
 }
table.sj3 td {

    border:0;
}

.sjtd_long1{height:24px;line-height:24px;width:150px;text-align:left;}
.sjtd_long2{height:24px;line-height:24px;width:200px;text-align:left;}
.sjtd_long3{height:24px;line-height:24px;width:230px;text-align:left;}

.sjbig_td0{height:100px;width:72px;text-align:left;}
.sjbig_td{height:100px;width:508px;text-align:left;}
.sjbig_sp{display:block;width:180px;height:20px;line-height:20px;font-size:12px;float:left;}


}
</style>
</head>

<body style="background:rbg(216,216,216);">

<!--新的列表样式-->
<div class="list_sj_div" id="vue_vm_list">
      <table class="sj_space1">
        <tr>
          <td></td>
        </tr>
      </table>
  <div style="margin:0;padding:0;" v-for="todo in todos">
    <table class="sj">
      <tr>
        <th class="sjtd0"></th>
        <th class="sjtd1"><span id="paperNum">No.</span></th>
        <th class="sjtd2"></th>
        <th class="sjtd3">{{todo.elderBeHospitalForm.beNumber}}</th>
      </tr>
      <tr>
        <td class="sjtd0"></td>
        <td class="sjtd1">{{todo.elderBeHospitalForm.beDate}}</td>
        <td class="sjtd2"><span style="display:none;">{{getNowDate()}}</span></td>
        <td class="sjtd3">{{getNowDiff(todo.elderBeHospitalForm.beDate)}}</td>
      </tr>
      <tr>
        <td class="sjtd0"></td>
        <td class="sjtd1">{{todo.elderBeHospitalForm.elderForm.name}}</td>
        <td class="sjtd2">{{todo.elderBeHospitalForm.elderForm.sex==1?'男':'女'}}</td>
        <td class="sjtd3"></td>
      </tr>
    </table>
      <table class="sj_space2">
        <tr>
          <td></td>
        </tr>
      </table>
    <table class="sj2">
      <tr>
       <td class="sjbig_td0"></td>
        <td class="sjbig_td">
        <div style="margin:0;padding:0;" v-for="arreaForm in todo.arreaForms">
          <span class="sjbig_sp"> {{arreaForm.arreaDesc}}：{{arreaForm.totalArreaMoney.toFixed(2)}}元 </span>
        </div>

        <div style="margin:0;padding:0;" v-for="payRecordFrom in todo.payRecordFroms">
          <span style="display:block;width:180px;height:20px;line-height:20px;font-size:12px;float:left;"> {{payRecordFrom.payDesc}}：{{payRecordFrom.totalPayMoney.toFixed(2)}}元 </span>
        </div>
        </td>
      </tr>
    </table>
    <table class="sj3">
      <tr>
        <td class="sjtd_long1"></td>
        <td class="sjtd_long2">{{getTotalMoneyCN(todo)}}</td>
        <td class="sjtd_long3">{{getTotalMoney(todo).toFixed(2)}}</td>
      </tr>
    </table>
      <table class="sj_space2">
        <tr>
          <td></td>
        </tr>
      </table>
  	<table class="sj3">
      <tr>
      	<td class="sjtd1_r">{{getLoginedStaffName()}}</td>
      	<td class="sjtd2_r">{{getNowDate()}}</td>
      </tr>
  	</table>
  </div>
</div>

<div class="form_div" id="vue_vm">
  <div class="for_ie_div no_print"><!--为兼容IE-->
    <ul>
      <li><span class="tit" style="width:70px;"></span></li>
      <li>
        <input type="button" value="收费凭据打印" class="button button1" v-on:click="printPaper(3);" style="height:38px;"/>
      </li>
    </ul>
  </div>
</div>
<div style="clear:both;"></div>
<script src="js/common.js"></script>
<script src="js/common_function.js"></script>
<script src="js/common_date.js"></script>
<script src="js/common_money.js"></script>
<script src="js/busi/elder_pay_total.js"></script>
<script src="js/busi/printPay.js"></script>
<script src="js/busi/printPaperCommon.js"></script>
</body>
</html>